<template>
  <div class="app-container student-info">
    <el-row :gutter="20">
      <el-col :span="24">
        <h2>学生信息管理</h2>
      </el-col>
    </el-row>
    
    <el-divider />
    
    <!-- 个人基本信息 -->
    <el-row :gutter="20">
      <el-col :span="24">
        <el-card class="personal-info" shadow="hover">
          <div slot="header" class="clearfix">
            <span><i class="el-icon-user-solid"></i> 个人基本信息</span>
          </div>
          <div class="info-content">
            <el-row :gutter="20">
              <el-col :span="8">
                <el-form label-position="left" label-width="100px">
                  <el-form-item label="学号：">
                    <el-input v-model="studentInfo.studentId" placeholder="请输入学号" disabled />
                  </el-form-item>
                  <el-form-item label="姓名：">
                    <el-input v-model="studentInfo.name" placeholder="请输入姓名" disabled />
                  </el-form-item>
                  <el-form-item label="性别：">
                    <el-input v-model="studentInfo.gender" placeholder="请输入性别" disabled />
                  </el-form-item>
                  <el-form-item label="出生日期：">
                    <el-input v-model="studentInfo.birthDate" placeholder="请输入出生日期" disabled />
                  </el-form-item>
                </el-form>
              </el-col>
              <el-col :span="8">
                <el-form label-position="left" label-width="100px">
                  <el-form-item label="学院：">
                    <el-input v-model="studentInfo.college" placeholder="请输入学院" disabled />
                  </el-form-item>
                  <el-form-item label="专业：">
                    <el-input v-model="studentInfo.major" placeholder="请输入专业" disabled />
                  </el-form-item>
                  <el-form-item label="班级：">
                    <el-input v-model="studentInfo.class" placeholder="请输入班级" disabled />
                  </el-form-item>
                  <el-form-item label="联系方式：">
                    <el-input v-model="studentInfo.contact" placeholder="请输入联系方式" disabled />
                  </el-form-item>
                </el-form>
              </el-col>
              <el-col :span="8">
                <el-form label-position="left" label-width="100px">
                  <el-form-item label="入学年份：">
                    <el-input v-model="studentInfo.admissionYear" placeholder="请输入入学年份" disabled />
                  </el-form-item>
                  <el-form-item label="政治面貌：">
                    <el-input v-model="studentInfo.politicalStatus" placeholder="请输入政治面貌" disabled />
                  </el-form-item>
                  <el-form-item label="籍贯：">
                    <el-input v-model="studentInfo.nativePlace" placeholder="请输入籍贯" disabled />
                  </el-form-item>
                  <el-form-item label="邮箱：">
                    <el-input v-model="studentInfo.email" placeholder="请输入邮箱" disabled />
                  </el-form-item>
                </el-form>
              </el-col>
            </el-row>
          </div>
        </el-card>
      </el-col>
    </el-row>
    
    <el-divider />
    
    <!-- 论文基本信息 -->
    <el-row :gutter="20">
      <el-col :span="24">
        <el-card class="thesis-info" shadow="hover">
          <div slot="header" class="clearfix">
            <span><i class="el-icon-document"></i> 论文基本信息</span>
          </div>
          <div class="info-content">
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form label-position="left" label-width="120px">
                  <el-form-item label="论文题目：">
                    <el-input v-model="thesisInfo.title" placeholder="请输入论文题目" disabled />
                  </el-form-item>
                  <el-form-item label="论文类型：">
                    <el-input v-model="thesisInfo.type" placeholder="请输入论文类型" disabled />
                  </el-form-item>
                  <el-form-item label="指导教师：">
                    <el-input v-model="thesisInfo.supervisor" placeholder="请输入指导教师" disabled />
                  </el-form-item>
                  <el-form-item label="提交日期：">
                    <el-input v-model="thesisInfo.submitDate" placeholder="请输入提交日期" disabled />
                  </el-form-item>
                  <el-form-item label="完成状态：">
                    <el-input v-model="thesisInfo.status" placeholder="请输入完成状态" disabled />
                  </el-form-item>
                </el-form>
              </el-col>
              <el-col :span="12">
                <el-form label-position="left" label-width="120px">
                  <el-form-item label="关键词：">
                    <el-input v-model="thesisInfo.keywords" placeholder="请输入关键词" disabled />
                  </el-form-item>
                  <el-form-item label="研究方向：">
                    <el-input v-model="thesisInfo.researchDirection" placeholder="请输入研究方向" disabled />
                  </el-form-item>
                  <el-form-item label="论文字数：">
                    <el-input v-model="thesisInfo.wordCount" placeholder="请输入论文字数" disabled />
                  </el-form-item>
                  <el-form-item label="重复率：">
                    <el-input v-model="thesisInfo.repetitionRate" placeholder="请输入重复率" disabled />
                  </el-form-item>
                  <el-form-item label="答辩成绩：">
                    <el-input v-model="thesisInfo.defenseScore" placeholder="请输入答辩成绩" disabled />
                  </el-form-item>
                </el-form>
              </el-col>
            </el-row>
          </div>
        </el-card>
      </el-col>
    </el-row>
    
    <el-divider />
    
    <!-- 论文结论 -->
    <el-row :gutter="20">
      <el-col :span="24">
        <el-card class="conclusion-info" shadow="hover">
          <div slot="header" class="clearfix">
            <span><i class="el-icon-finished"></i> 论文结论</span>
          </div>
          <div class="info-content">
            <el-form label-position="left" label-width="100px">
              <el-form-item label="结论摘要：">
                <el-input 
                  v-model="conclusionInfo.summary" 
                  type="textarea" 
                  placeholder="请输入结论摘要" 
                  :rows="8" 
                  disabled 
                />
              </el-form-item>
              <el-form-item label="主要贡献：">
                <el-input 
                  v-model="conclusionInfo.contributions" 
                  type="textarea" 
                  placeholder="请输入主要贡献" 
                  :rows="6" 
                  disabled 
                />
              </el-form-item>
              <el-form-item label="未来展望：">
                <el-input 
                  v-model="conclusionInfo.futureOutlook" 
                  type="textarea" 
                  placeholder="请输入未来展望" 
                  :rows="6" 
                  disabled 
                />
              </el-form-item>
            </el-form>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'StudentInfo',
  data() {
    return {
      // 个人基本信息
      studentInfo: {
        studentId: '',
        name: '',
        gender: '',
        birthDate: '',
        college: '',
        major: '',
        class: '',
        contact: '',
        admissionYear: '',
        politicalStatus: '',
        nativePlace: '',
        email: ''
      },
      // 论文基本信息
      thesisInfo: {
        title: '',
        type: '',
        supervisor: '',
        submitDate: '',
        status: '',
        keywords: '',
        researchDirection: '',
        wordCount: '',
        repetitionRate: '',
        defenseScore: ''
      },
      // 论文结论
      conclusionInfo: {
        summary: '',
        contributions: '',
        futureOutlook: ''
      }
    }
  },
  created() {
    // 这里可以添加获取数据的逻辑
    this.loadData()
  },
  methods: {
    loadData() {
      // 模拟数据，实际项目中应该从后端获取
      this.studentInfo = {
        studentId: '116420220025',
        name: '胡鑫慧',
        gender: '女',
        birthDate: '2004-01-01',
        college: '工程技术学院',
        major: '数据科学与大数据技术',
        class: '大数据1班',
        contact: '137****9162',
        admissionYear: '2022',
        politicalStatus: '共青团员',
        nativePlace: '福建省',
        email: '2134079159@qq.com'
      }
      
      this.thesisInfo = {
        title: '基于深度学习的图像识别算法研究',
        type: '毕业设计',
        supervisor: '张教授',
        submitDate: '2025-10-22',
        status: '编写中',
        keywords: '深度学习,图像识别,卷神经网络',
        researchDirection: '人工智能',
        wordCount: '20000',
        repetitionRate: '8.5%',
        defenseScore: '92'
      }
      
      this.conclusionInfo = {
        summary: '本研究提出了一种基于改进卷积神经网络的图像识别算法，通过引入注意力机制和残差连接，显著提高了图像识别的准确率。实验结果表明，该算法在多个公开数据集上的表现优于现有的主流算法。',
        contributions: '1. 提出了一种新的网络结构，结合了注意力机制和残差学习\n2. 设计了有效的数据增强策略，提高了模型的泛化能力\n3. 在多个标准数据集上进行了全面的实验验证\n4. 分析了不同超参数对模型性能的影响',
        futureOutlook: '未来的研究方向包括：\n1. 进一步优化网络结构，提高模型的效率\n2. 探索模型在更多实际场景中的应用\n3. 研究如何减少模型参数量，使其能够在移动设备上高效运行\n4. 结合其他技术如迁移学习，进一步提升模型性能'
      }
    }
  }
}
</script>

<style scoped>
.student-info {
  padding: 20px;
}

.info-content {
  padding: 10px 0;
}

.el-card {
  margin-bottom: 20px;
}

.el-divider {
  margin: 20px 0;
}

h2 {
  color: #303133;
  margin-bottom: 10px;
}

::v-deep .el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  color: #606266;
}
</style>